<template>
  <h1>El-轮播图组件</h1>
  <el-carousel style="width: 380px">
    <el-carousel-item><img src="imgs/carousel1.jpg" style="width: 100%;height: 100%"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel2.jpg" style="width: 100%;height: 100%"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel3.jpg" style="width: 100%;height: 100%"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel4.jpg" style="width: 100%;height: 100%"></el-carousel-item>
  </el-carousel>
    <!--  trigger(触发器)默认值为hover 悬停  click为点击   -->
  <el-carousel style="width: 380px" trigger="click">
    <el-carousel-item><img src="imgs/carousel1.jpg" style="width: 100%;height: 100%"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel2.jpg" style="width: 100%;height: 100%"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel3.jpg" style="width: 100%;height: 100%"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel4.jpg" style="width: 100%;height: 100%"></el-carousel-item>
  </el-carousel>

  <el-carousel style="width: 900px" type="card" trigger="click">
    <el-carousel-item><img src="imgs/carousel1.jpg" style="width: 100%;height: 100%"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel2.jpg" style="width: 100%;height: 100%"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel3.jpg" style="width: 100%;height: 100%"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel4.jpg" style="width: 100%;height: 100%"></el-carousel-item>
  </el-carousel>
</template>

<script setup>

</script>

<style scoped>

</style>